<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>淘宝网-淘！ 我喜欢</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
        <link rel="stylesheet" href="../css/taobao.css" />
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
        <script src="../js/taobao.js"></script>
        <script>
        $(function(){
            add_toolbar_action();
        });
        </script>
    </head>
    <body>
        <!-- 顶部工具栏 -->
        <div class="toll-bar">
            <div class="content">
                <div class="left">
                    <div id="location-menu"><p>中国大陆 <span class="glyphicon glyphicon-chevron-down"></span></p></div>
                    <div style="color:#EE7D5E"><p>亲，请登录</p></div>
                    <div><p>免费注册</p></div>
                    <div><p>手机逛淘宝</p></div>
                </div>
                <div class="right">
                    <div id="my-taobao-menu"><p>我的淘宝 <span class="glyphicon glyphicon-chevron-down"></span></p></div>
                    <div><p><span class="fa fa-shopping-cart"></span>购物车 <span class="glyphicon glyphicon-chevron-down"></span></p></div>
                    <div id="favourite-menu"><p>收藏夹 <span class="glyphicon glyphicon-chevron-down"></span></p></div>
                    <div><p>商品分类</div>
                    <div>|</div>
                    <div id="seller-center-menu"><p>卖家中心 <span class="glyphicon glyphicon-chevron-down"></span></p></div>
                    <div id="custom-server-menu"><p>联系客服 <span class="glyphicon glyphicon-chevron-down"></span></p></div>
                    <div><p><span class="fa fa-navicon"></span>网站导航 <span class="glyphicon glyphicon-chevron-down"></span></p></div>
                </div>
            </div>
        </div>
        <div class="my-dropdown-menu" id="location">
            <ul>
                <li>全球</li>
                <li>中国大陆</li>
                <li>香港</li>
                <li>台湾</li>
                <li>澳门</li>
                <li>韩国</li>
                <li>马来西亚</li>
                <li>澳大利亚</li>
                <li>新加坡</li>
                <li>新西兰</li>
                <li>加拿大</li>
                <li>美国</li>
                <li>日本</li>
            </ul>
        </div>
        <div class="my-dropdown-menu" id="my-taobao">
            <ul>
                <li>已买到的宝贝</li>
                <li>我的足迹</li>
            </ul>
        </div>
        <div class="my-dropdown-menu" id="favourite">
            <ul>
                <li>收藏的宝贝</li>
                <li>收藏的店铺</li>
            </ul>
        </div>
        <div class="my-dropdown-menu" id="seller-center">
            <ul>
                <li>免费开店</li>
                <li>已卖出的宝贝</li>
                <li>出售中的宝贝</li>
                <li>卖家服务市场</li>
                <li>卖家培训中心</li>
                <li>体检中心</li>
                <li>问商友</li>
            </ul>
        </div>
        <div class="my-dropdown-menu" id="custom-server">
            <ul>
                <li>消费者客服</li>
                <li>卖家客服</li>
            </ul>
        </div>

        <!-- 顶部搜索logo等 -->
        <div class="top-bar">
            <div class="content">
                <div class="img">
                    <img src="../img/TB1UDHOcwoQMeJjy0FoXXcShVXa-286-118.png" alt="淘宝网"/>
                </div>
                <div class="middle">
                    <div class="tags">
                        <div class="tag active">宝贝</div>
                        <div class="tag">天猫</div>
                        <div class="tag">店铺</div>
                    </div>
                    <div class="border">
                        <input id="text" type="text" placeholder="爱上潮流名店"/>
                        <span id="camera" class="fa fa-camera"></span>
                        <input id="search" type="button" value="搜索"/>
                    </div>
                    <div class="hot">
                        <span>新款连衣裙</span>
                        <span class="active">四件套</span>
                        <span>潮流T恤</span>
                        <span>时尚女鞋</span>
                        <span>短裤</span>
                        <span>半身裙</span>
                        <span>男士外套</span>
                        <span>墙纸</span>
                        <span>行车记录仪</span>
                        <span>新款男鞋</span>
                        <span>耳机</span>
                        <span>时尚女包</span>
                        <span>沙发</span>
                    </div>
                </div>
            </div>
        </div>


        <!-- 主菜单 -->
        <div class="main-menu">
            <div class="content">
                <div class="subject-title">主题市场</div>
                <div class="subject">
                    <span>天猫</span>
                    <span>聚划算</span>
                    <span>天猫超市</span>
                    <span>|</span>
                    <span>淘抢购</span>
                    <span>电器城</span>
                    <span>司法拍卖</span>
                    <span>淘宝心选</span>
                    <span>兴农扶贫</span></span>
                    <span>|</span>
                    <span>飞猪旅行</span>
                    <span>智能生活</span>
                    <span>苏宁易购</span>
                </div>
            </div>
        </div>

        <!-- 首屏展示信息 -->
        <div class="first-screen">

        </div>

        <!-- 内容 -->
        <div class="all-content">

        </div>
    </body>
</html>
